<template>
  <div class="foot">
    <div class="t">
      <ul class="tMain wrap">

        <li>
          <span>
            友情链接：
          </span>
        </li>
        <li v-for="(aLinkIt,aLinkIdx) in 15" :key="'aLinkIt_0'+aLinkIdx">
          <a href="javascript:void(0);">
            新媒体管家
          </a>
        </li>
      </ul>
    </div>
    <div class="b">
      <dl class="bMain wrap">
        <dt>
          <div class="dtBox">
            <div class="logo">
              <img src="@/assets/img/logo.svg" >
              <h4>
                一站式智能写作服务平台
              </h4>
            </div>
          </div>
          <ul class="dtBox yqLink">
            <li>
              <a href="javascript:void(0);">
                使用教程
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                产品说明
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                智能营销电商
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                关于我们
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                用户协议
              </a>
            </li>
            <li>
              <a href="javascript:void(0);">
                会员协议
              </a>
            </li>
          </ul>
          <div class="dtBox lxBox">
            <div class="left">
              <h3>
                联系我们
              </h3>
              <div class="lxTuBox">
                <img @mouseout="showCode(null)" @mouseenter="showCode('wxLink')" src="@/assets/img/foot/wx.png" >
                <img @mouseout="showCode(null)" @mouseenter="showCode('kfLink')" src="@/assets/img/foot/kf.png" >
              </div>
              <p>
                邮箱: heyihao@getplay.cn
              </p>
              <p>
                Tel: 021-80158414
              </p>
            </div>
            <div class="right">

              <div v-show="showQrCode=='wxLink'" class="r_code">
                <div class="QRCodeDiv" ref="qrCodeDiv"></div>
                <div class="txt">
                  关注微信服务号
                </div>
              </div>

              <div v-show="showQrCode=='kfLink'" class="r_code">
                <div class="QRCodeDiv" ref="qrCodeDiv_00"></div>
                <div class="txt">
                  添加客服微信号
                </div>
              </div>

            </div>
          </div>
        </dt>
        <dd>
          © 上海赅推智能科技有限公司 沪ICP备18043421号-1
        </dd>
      </dl>
    </div>
  </div>
</template>

<script>
  import QRCode from 'qrcodejs2';
  export default{
    data(){
      return{
        wxLink:"微信号",
        kfLink:"客服号",
        showQrCode:null
      }
    },
    mounted() {
      let that=this;
      new QRCode(this.$refs.qrCodeDiv, {
        	  text: this.wxLink,
        	  width: 100,
        	  height: 100,
        	  colorDark: "#333333", //二维码颜色
        	  colorLight: "#ffffff", //二维码背景色
        	  correctLevel: QRCode.CorrectLevel.L//容错率，L/M/H
        });
      new QRCode(this.$refs.qrCodeDiv_00, {
        	  text: this.kfLink,
        	  width: 100,
        	  height: 100,
        	  colorDark: "#333333", //二维码颜色
        	  colorLight: "#ffffff", //二维码背景色
        	  correctLevel: QRCode.CorrectLevel.L//容错率，L/M/H
        });


    },
    methods:{
      showCode(val){
        let that=this;
        that.showQrCode=val;
      }
    }
  }
</script>

<style lang="less" scoped="scoped">
  @import "../assets/css/foot.less";
</style>
